<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册页面</title>
</head>
<body>

<div >
    <h1>用户注册</h1>
    <hr/>
    <table >

        <tr>
            <td>用户名：</td>
            <td><input type="text" name="username" placeholder="请输入用户名"></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password" name="password" placeholder="请输入密码"></td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td><input type="email" name="email" placeholder="请输入邮箱"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" value="男" checked>男
                <input type="radio" name="sex" value="女">女
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
                <input type="checkbox" name="hobby" value="游泳">游泳
                <input type="checkbox" name="hobby" value="上网" checked>上网
                <input type="checkbox" name="hobby" value="电影" checked>电影
                <input type="checkbox" name="hobby" value="看书" >看书
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td>
                <select name="xl">
                    <option value="本科" selected>本科</option>
                    <option value="小学" >小学</option>
                    <option value="初中" >初中</option>
                    <option value="高中" >高中</option>
                    <option value="研究生" >研究生</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td><input type="date" name="birthday"></td>
        </tr>
        <tr>
            <td>个人照片</td>
            <td><input type="file" name="pic"></td>
        </tr>
        <tr>
            <td>个人简介</td>
            <td><textarea name="jj"  rows="3" placeholder="请输入个人简介"></textarea> </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type="submit" value="注册" name="zc">
                <input type="reset" value="重置" name="cz">
            </td>
        </tr>
    </table>
</div>
<!--
input标签
    placeholder属性: 占位文字
    type="radio": 单选按钮  name属性要相同,才能选中其中一个 value的值提交给服务器
    type="checkbox": 复选框,可以同时选中多个
    type="date": 日期选择框
    type="file": 文件域, 选择一个文件
    type="reset": 清空表单的输入内容,回到初始状态
    type="image": 图片按钮
    type="button": 普通按钮,现在点击没有效果,等后面学习了JS就可以处理按钮点击
    checked="checked": 表示选中

select标签: 下拉框
    每个选项都是一个option标签
    option标签的选中使用: selected="selected"

textarea标签: 文本域, 让我们输入一段问题
    rows="10": 行数
    cols="60": 列数
-->

</form>


</body>
</html>